.container{
    width: 500px;
    height: 600px;
    border: 1px solid;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    /* text-align: center; */
}
.title{
    text-align: center;
}


.myinput{
    width: 300px;
    height: 30px;
    margin-left: 50%;
    transform: translateX(-50%);
}
.myul{
    margin-left: 70px;
    width: 300px;
}
.myul li{
    position: relative;
    height: 30px;
}
.del{
    /* float: right; */
    position: absolute;
    right: 10px;
    /* text-decoration: line-through; */
}
.total{
    position: absolute;
    bottom: 10px;
    left: 20px;
}